<template>
	<view class="uni_box">
		<!-- <navbar :isback='false' :title='title' backgroundColor='#fff'>
		</navbar> -->
		<image class="bghome" :src="ossThree('/uploads/20250404/a6740382ebb9492d9ed8c12c1e42d198.png')" />
		<view class="content">
			<view class="jli"  :style="{paddingTop: titleTop + 'px'}">
				<view class="xiao">
					<text class="jname">我的</text>
				</view>
			</view>
		   <view class="mone" @click="ziliao">
				<!-- <image class="mtous" src="/static/CJYM_png.png" /> -->
				<u-avatar  @click="getzhuce" :src="user.avatar" class="mtous" size="124" :show-level="true" :show-sex="false"></u-avatar>
				<view class="mright">
					<view class="nicheng" @click="getinfimation">
						<text class="mrname">{{user.nickname?user.nickname:'牛牛日结'}}</text>
						<image class="icon_xgs" src="/static/img/xuanicon.png" />
					</view>
					
					<view class="mrn">
						<text class="mrnitem" v-if="user.mobile">{{ hideMiddleDigits(user.mobile) }}</text>
						<view class="smview" v-if="user.realname">
							<image class="icon_rz" src="/static/mine/icon_rz.png" />
							<text class="smname">已实名</text>
						</view>
					</view>
					<view class="zhaoview" v-if="identity==1" @click="getqie">
						<image class="icon_qh" src="/static/mine/icon_qh.png" />
						<text class="zname">我要招人</text>
					</view>
					<view class="zhaoview zhao" v-if="identity==2"  @click="getqie">
						<image class="icon_qh" src="/static/mine/icon_qh.png" />
						<text class="zname">我要找工作</text>
					</view>
				</view>
		   </view>

		   <view class="mtwo" v-if="identity==1">
			   <view class="titem">
				 <text class="tiname">{{ user.order_count_day }}</text>
				 <text class="tidan">抢日结(单)</text>
			   </view>
			   <view class="titem">
				 <text class="tiname">{{ user.completed_order_count||0 }}</text>
				 <text class="tidan">完单数(单)</text>
			   </view>
			   <view class="titem" @click="getxinyong(1)">
				 <text class="tiname">{{ user.user_credit||0 }}</text>
				 <text class="tidan">信用分</text>
			   </view>
			   <view class="pnum">
				<view class="pnumview">
					<text class="haop">{{user.good_rate||0}}%</text>
					<text class="pmiao">好评率</text>
				</view>
			   </view>
		   </view>
		   <view class="mtwo" v-if="identity==1" style="border-radius: 30rpx;padding: 30rpx 0;margin-top: 20rpx;">
			   <view class="titem" @click="getwallet(1)">
				 <text class="tiname">{{ user.shou||0 }}</text>
				 <text class="tidan">收入余额(元)</text>
			   </view>
			   <view class="titem" @click="getwallet(2)">
				 <text class="tiname">{{user.jiang||0}}</text>
				 <text class="tidan">奖励金额(元)</text>
			   </view>
			   <view class="titem" @click="getwallet(3)">
				 <text class="tiname">{{ user.couponCount||0 }}</text>
				 <text class="tidan">卡券</text>
			   </view>
			   <view class="titem ka"  @click="getwallet(4)">
				<image class="icon_qb" src="/static/mine/icon_qb.png" />
				 <text class="kaname">卡券</text>
			   </view>
		   </view>

		   <!-- 老板端 -->
		   <view class="mtwo" v-if="identity==2">
			   <view class="titem">
				 <text class="tiname">{{ user.completed_order_count||0 }}</text>
				 <text class="tidan">完单数</text>
			   </view>
			   <view class="titem">
				 <text class="tiname">{{ user.time24 }}%</text>
				 <text class="tidan">24小时结算率</text>
			   </view>
			   <view class="titem" @click="getxinyong(2)">
				 <text class="tiname">{{ user.boss_credit }}</text>
				 <text class="tidan">信用分</text>
			   </view>
			   <view class="pnum">
				<view class="pnumview">
					<text class="haop">{{user.good_rate||0}}%</text>
					<text class="pmiao">好评率</text>
				</view>
			   </view>
		   </view>
		   <view class="myjifen" v-if="identity==2">
			   <view class="jione">
				 <text class="jiname">我的积分</text>
				 <view class="gm ml" @click="jishow=true">购买</view>
			   </view>
			   <view class="jione">
				<image class="icon_jf" src="/static/mine/icon_jf.png" />
				<text class="jinum">{{user.integral||0}}</text>
				<view class="mx" @click="getnerming">
					<text class="mxname">明细</text>
					<image class="icon_xgs" src="/static/mine/icon_xgs.png" />
				</view>
			   </view>
			   <view class="jlview">
					<view class="titem"  @click="geuquan">
					<text class="tiname">{{ user.couponCount||0 }}</text>
					<text class="tidan">我的券包(个)</text>
				</view>
				<view class="titem" @click="getmingxi">
					<text class="tiname">{{ user.jiang||0 }}</text>
					<text class="tidan">奖励金余额(元)</text>
				</view>
				<view class="titem" @click="getmingxi">
					<text class="tiname">{{ user.pay_money||0 }}</text>
					<text class="tidan">累计支付工资</text>
				</view>
			   </view>
		   </view>
		   <view class="kaitong" v-if="user.group_id==3" @click="getkaiyuan">
			<image
				:src="ossThree('/uploads/20250414/067e9365071dae13e94f0361268d8f83.png')"
				mode=""
				class="bgtu"
			/>
			<view class="kaiview">
				<text class="kainame">开通员工</text>
			</view>
		   </view>
		   <!-- 老板端结束 -->
		   <view class="mthree">
			    <text class="qita">其他功能</text>
				<view class="qitaview">
					<view class="qitem">
						<button  open-type="contact" class="btn">
							
						</button>
						<view class="mvone">
							<image class="micon" src="/static/mine/icon_kf.png" />
							<text>联系客服</text>
						</view>
						
					</view>
					<view class="qitem" v-if="identity==1" v-for="(item,index) in mlist" :key="index" @click="mClick(item)">
						<image class="micon" :src="item.img" />
						<text>{{item.name}}</text>
					</view>
					<view class="qitem" v-if="identity==2" v-for="(item,index) in alist" :key="index" @click="mClick(item)">
						<image class="micon" :src="item.img" />
						<text>{{item.name}}</text>
					</view>
				</view>
				<!-- <view class="mtitem" v-for="(item,index) in mlist" :key="index">
					<image class="micon" :src="item.img" />
					<text class="mitemname">{{item.name}}</text>
					<image class="mfan ml" src="/static/icon_next.png" />
				</view> -->
			</view>
		</view>
		<!-- 积分购买弹窗 -->
		<PayPop :jishow="jishow" v-if="jishow" @closejifen="jishow=false" :integral="user.integral" @paysucess="paysucess"></PayPop>
		<!-- 举报老板 -->
		<u-popup  v-model="jubaoshow" mode="bottom" width="100%" ref="auth" :mask-close-able="true" :custom="true" :mask-click="false" @close="closejubao">
            <view class="juview">
               <view class="juone">
				<text class="hytit">请选择要举报的老板</text>
				<image class="icon_gbcha" @click="closejubao" src="/static/img/icon_gbcha.png" />
			   </view>
			   <scroll-view class="jlist" scroll-y>
				  <view class="jitem" v-for="(item,index) in jubaolist" :key="index" @click="getjuclick(item)">
					<view class="jione">
						<text class="tieone">{{item.title}}</text>
						<text class="time ml">{{item.createtime}}</text>
					</view>
					<view class="dizhi">
						<image class="icon_dw" src="/static/img/icon_dw.png" />
						<text class="diname">{{item.address}}</text>
					</view>
				  </view>
			   </scroll-view>
            </view>
        </u-popup>
	</view>
</template>

<script>
import PayPop from '@/components/PayPop/PayPop'
	export default {
		components: {
			PayPop
		},
		data() {
			return {
				list: [{
						image: '/static/che/bannerone.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: '/static/che/bannertwo.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: '/static/che/bannerthree.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				],
				src: '/static/CJYM_png.png',
				text: '无头像',
				gonglist: [
					'敬请期待'
				],
				keyword:'',
				user:{},
				mlist:[
					// {id:1,name:'更换账号',img:'/static/mine/icon_zh.png'},
					{id:2,name:'实名认证',img:'/static/mine/sm.png'},
					{id:3,name:'日结规则',img:'/static/mine/icon_gz.png'},
					// {id:4,name:'邀请码',img:'/static/mine/icoN_yqm.png'},
					{id:5,name:'隐私协议',img:'/static/mine/icon_ysxy.png'},
					{id:9,name:'用户协议',img:'/static/mine/icON-yhx.png'},
					{id:6,name:'知识产权规则',img:'/static/mine/icon_zscq.png'},
					{id:8,name:'飞单举报',img:'/static/mine/icon_fdj.png'},
					
				],
				alist:[
					// {id:1,name:'更换账号',img:'/static/mine/icon_zh.png'},
					{id:2,name:'实名认证',img:'/static/mine/sm.png'},
					{id:3,name:'日结规则',img:'/static/mine/icon_gz.png'},
					// {id:4,name:'邀请码',img:'/static/mine/icoN_yqm.png'},
					{id:5,name:'隐私协议',img:'/static/mine/icon_ysxy.png'},
					{id:9,name:'用户协议',img:'/static/mine/icON-yhx.png'},
					{id:6,name:'知识产权规则',img:'/static/mine/icon_zscq.png'},
					{id:7,name:'黑名单',img:'/static/mine/icoN_hmd.png'},
					{id:10,name:'招工地址',img:'/static/mine/icon_zgdz.png'},
					{id:11,name:'订单模版',img:'/static/mine/icon_ddmb.png'},
					
				],
				titleTop: 0,
 				statusBarHeight: 0,
				identity:'',//1用户 2老板
				jishow:false,
				jubaoshow:false,
				jubaolist:[]
			}
		},
		mounted() {
			// #ifdef MP-WEIXIN
			let that = this;
			// 获取胶囊按钮位置信息
			const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
			const { top, height } = menuButtonInfo;
			const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;

			// 计算标题需要偏移的位置
			const titleTop = top + (height - statusBarHeight) / 2;
			this.titleTop = titleTop;//设置标题顶部距离
			this.statusBarHeight = statusBarHeight;//设置状态栏高度
			// #endif
		},
		async onLoad() {
		},
		onShow() {
			if(this.$store.state.identity == 2){
				//
				this.identity = 2
			}else{
				this.identity = 1
			}
			this.getuser()
		},
		methods: {
			paysucess(){
				this.jishow = false
				this.getuser()
			},
			router(url) {
				uni.navigateTo({
					url
				})
			},
			tuichu(){
				uni.clearStorageSync();
				this.$store.commit('outLogin');
				this.$u.toast(this.$t('new.tuichu'));
				setTimeout(() => {
					uni.redirectTo({
						url: '/pages/login/login'
					})
				}, 1000);
			},
			myproject(){
				this.navrouter("/pages_client/twoPage/MyProject");
			},
			ziliao(){
				this.navrouter("/pages_client/twoPage/ziliao");
			},
			getwallet(e){
				if(e == 1||e == 2){
					this.navrouter("/pages_client/twoPage/M-wallet");
				}else if(e == 4){
					//券
					this.navrouter("/pages_client/twoPage/M-Quan");
				}
			},
			getkaiyuan(){
				this.navrouter("/pages/TPage/AddYG");
			},
			mClick(e){
				let id = e.id
				if(id == 2){
					//实名认证
					this.navrouter("/pages/TPage/ShiMing");
				}else if(id ==3||id == 5||id==6||id==9){
					//协议跳转
					if(id == 3){//日结规则
						this.navrouter("/pages/my/yhXieyi?key=nnrjzgxxfbgz");
					}else if(id == 5){//隐私协议
						this.navrouter("/pages/my/yhXieyi?key=yinsizhengce");
					}else if(id == 9){//用户协议
						this.navrouter("/pages/my/yhXieyi?key=yonghuxieyi");
					}else if(id == 6){//知识产权规则
						this.navrouter("/pages/my/yhXieyi?key=zscqbhgz");
					}
				}else if(id == 7){
					//黑名单
					this.navrouter("/pages_admin/twoPage/HeiMingdan");
				}else if(id == 8){
					//飞单举报
					this.getjubao()
				}else if(id == 10){
					//招工地址
					this.navrouter("/pages_admin/twoPage/Adress");
				}else if(id == 11){
					//订单模版
					this.navrouter("/pages_admin/twoPage/FadanMoban");
				}
			},
			getjuclick(item){
				// this.jubaoshow = false
				this.navrouter("/pages_client/twoPage/FlyReport?id="+item.id);
			},
			async getjubao(){
				this.jubaoshow = true
				let res = await this.$u.api.getJubaoOrderList({
				});
				this.jubaolist = res
			},
			getmingxi(){
				this.navrouter("/pages_client/twoPage/M-wallet?identity="+this.identity);
			},
			getnerming(){
				//积分明细
				this.navrouter("/pages_client/twoPage/M-Jifen?identity="+this.identity);
			},
			getqie(){
				this.navrouter("/pages/tabbar/Switch-SF?identity="+this.identity);
			},
			getxinyong(e){
				this.navrouter("/pages/TPage/XinYongMx?type="+e);
			},
			async getuser(){
				let res = await this.$u.api.user({
				});
				this.user = res.data
				if(res.data.code){//本地分享参数缓存
					uni.setStorageSync('code',res.data.code);//2老板
					this.$store.commit('changecode',res.data.code);
				}

			},
			geuquan(){
				this.navrouter("/pages_client/twoPage/M-Quan");
				
			},
			getinfimation(){
				this.navrouter("/pages/TPage/Information");
			},
			getzhuce(){
				this.navrouter("/pages/login/login");
				// #ifdef H5
				
				// #endif
			},
			closejubao(){
				this.jubaoshow=false
			}
		}
	}
</script>

<style lang="scss" scoped>
	page,html{
		background-color:#F7F7FA;
	}
	.bghome{
		width: 100%;
		position: absolute;
		top: 0;
		height: 550rpx;
		
	}
	.uni_box{
		background-color:#F7F7FA;
		min-heiht:100vh;
	}
	.jli{
		position: relative;
		.jname{
			font-weight: 800;
			font-size: 45rpx;
			color: #111111;
			padding-top: 20rpx;
			display: flex;
			margin-bottom: 30rpx;
		}
		.icon_qcxx{
			margin-left: 20rpx;
			width: 44rpx;
			height: 44rpx;
		}
		.xone{
			display: flex;
			margin-bottom: 30rpx;
			align-items: center;
		}
		.yaojl{
			font-weight: 400;
			font-size: 26rpx;
			color: #999999;;
		}
		.yitwo{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-top: 20rpx;
			.yileft{
				width: 48%;
				height: 78rpx;
				background: linear-gradient(34deg, #DC5585, #FD79AA);
				border-radius: 44rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;

			}
			.xitong{
				background: linear-gradient(34deg, #3A76D7, #5E98E8);
			}
			.icon_tz{
				width: 44rpx;
				height: 44rpx;
				margin-right: 5rpx;
			}
		}
		.xiao{
			position: relative;
			padding: 0rpx 30rpx 20rpx;
		}
	}
	.content{
		padding: 0rpx 0rpx 80rpx;
		position: relative;
		.mone{
			display: flex;
			flex-direction: row;
			align-items: center;
			padding:0 0 0 30rpx;
			.mtous{
				width: 124rpx;
				height: 124rpx;
				border-radius: 50%;
				margin-right: 40rpx;
			}
			.mright{
				flex: 1;
				display: flex;
				flex-direction: column;
				position: relative;
				.nicheng{
					display: flex;
					flex-direction: row;
					align-items: center;
				}
				.icon_xgs{
					width: 24rpx;
					height: 24rpx;
					margin-left: 10rpx;
				}
				.mrname{
					font-size: 40rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #111111;
				}
				.mrn{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-top: 20rpx;
					.mrnitem{
						font-weight: 400;
						font-size: 26rpx;
						color: #666666;
					}
					.smview{
						display: flex;
						flex-direction: row;
						align-items: center;
						background: #E9FFEB;
						border-radius: 6rpx;
						padding: 4rpx 16rpx;
						margin-left: 20rpx;
						.icon_rz{
							width: 24rpx;
							height: 24rpx;
							margin-right: 6rpx;

						}
						.smname{
							font-weight: 500;
							font-size: 24rpx;
							color: #16B925;
							display: inline-block;
						}
					}
				}
			}
			.zhaoview{
				position: absolute;
				right: 0;
				top: 30rpx;
				background-color: rgba(255, 78, 67, 0.2);
				border-radius: 34rpx 0rpx 0rpx 34rpx;
				// border: 1px solid #FF4E43;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				width: 180rpx;
				height: 68rpx;
				.icon_qh{
					width: 32rpx;
					height: 32rpx;
					margin-right: 8rpx;
				}
				.zname{
					font-weight: 500;
					font-size: 24rpx;
					color: #FF4E43;
				}
			}
			.zhao{
				background-color: rgba(254, 150, 65, 0.2);
			}
		}


		.mtwo{
			background: #FFFFFF;
			border-radius: 30rpx 150rpx 150rpx 30rpx;
			// padding: 30rpx;
			margin: 40rpx 30rpx 20rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			
			
			.titem{
				display: flex;
				flex-direction: column;
				// width: 23%;
				flex: 1;
				
				align-items: center;
				justify-content: center;
				.tiname{
					font-weight: bold;
					font-size: 36rpx;
					color: #111111;
				}
				.tidan{
					font-weight: 500;
					font-size: 24rpx;
					color: #666666;
					display: block;
					margin-top: 13rpx;
				}
				.icon_qb{
					width: 56rpx;
					height: 56rpx;
				}
				.kaname{
					font-weight: 500;
					font-size: 24rpx;
					color: #333333;
					display: block;
					margin-top: 10rpx;
				}
			}
			.ka{
				border-left: 1rpx solid #CCCCCC;
			}
			.pnum{
				width: 180rpx;
				height: 180rpx;
				background: linear-gradient(90deg, #FF8F39, #FF4D43);
				border-radius: 150rpx;
				margin-left: auto;
				border: 13rpx solid #F5F5F5;
				padding: 15rpx;
				.pnumview{
					width: 100%;
					height: 100%;
					border-radius: 150rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: #fff;
					font-weight: bold;
					font-size: 44rpx;
					color: #666666;
					flex-direction: column;
					.haop{
						font-weight: bold;
						font-size: 40rpx;
						color: #666666;
					}
					.pmiao{
						font-weight: 500;
						font-size: 22rpx;
						color: #666666;
					}
				}
			}
			.mtleft{
				width: 50%;
				display: flex;
				flex-direction: column;
				border-right: 4rpx solid #EEEEEE;
				.xname{
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
				}
				.xnums{
					margin-top: 10rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					.xnumtext{
						font-size: 40rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
					}
					.commicon{
						margin-left: 20rpx;
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
			.mtright{
				width: 50%;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-left: 30rpx;
				.mrone{
					flex: 1;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.mroneimg{
						width: 65rpx;
						height: 44rpx;
						margin-bottom: 10rpx;
					}
					text{
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}
				}
			}
		}
		.myjifen{
			background: #FFFFFF;
			border-radius: 30rpx;
			padding: 30rpx 30rpx 30rpx;
			margin: 20rpx 30rpx 20rpx;
			display: flex;
			flex-direction: column;
			.jione{
				display: flex;
				flex-direction: row;
				align-items: center;
				.jiname{
					font-weight: bold;
					font-size: 28rpx;
					color: #111111;
				}
				.gm{
					width: 140rpx;
					height: 58rpx;
					background: linear-gradient(90deg, #FF8F39, #FF4D43);
					border-radius: 29rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight: bold;
					font-size: 28rpx;
					color: #FFFFFF;
				}
			}
			.icon_jf{
				width: 46rpx;
				height: 46rpx;
				margin-right: 10rpx;
			}
			.jinum{
				font-weight: bold;
				font-size: 40rpx;
				color: #111111;
			}
			.mx{
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-left: 150rpx;
				.mxname{
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
				}
				.icon_xgs{
					width: 24rpx;
					height: 24rpx;
					margin-left: 5rpx;
				}
			}
			.jlview{
				display: flex;
				flex-direction: row;
				border-top: 1rpx solid #eee;
				padding-top: 20rpx;
				margin-top: 20rpx;
				.titem{
					display: flex;
					flex-direction: column;
					// width: 23%;
					flex: 1;
					border-right: 1rpx solid #eee;
					
					align-items: center;
					justify-content: center;
					.tiname{
						font-weight: bold;
						font-size: 36rpx;
						color: #111111;
					}
					.tidan{
						font-weight: 500;
						font-size: 24rpx;
						color: #666666;
						display: block;
						margin-top: 13rpx;
					}
					.icon_qb{
						width: 56rpx;
						height: 56rpx;
					}
					.kaname{
						font-weight: 500;
						font-size: 24rpx;
						color: #333333;
						display: block;
						margin-top: 10rpx;
					}
				}
				.titem:last-child{
					border-right: none;
				}
			}
		}
		.mthree{
			background: #FFFFFF;
			border-radius: 30rpx;
			padding: 30rpx 30rpx 0 30rpx;
			margin: 20rpx 30rpx 20rpx;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			.qita{
				font-weight: bold;
				font-size: 28rpx;
				color: #111111;
				display: block;
				margin-bottom: 30rpx;
			}
			.qitaview{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				.qitem{
					width: 25%;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					justify-content: center;
					margin-bottom: 30rpx;
					position: relative;
					.micon{
						width: 56rpx;
						height: 56rpx;
						margin-bottom: 7rpx;
					}
					text{
						font-weight: 500;
						font-size: 24rpx;
						color: #333333;
					}
				}
				.mvone{
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					justify-content: center;
					width: 100%;
				}
			}
			// align-items: center;
			.mtitem{
				display: flex;
				padding: 30rpx 0;
				flex-direction: row;
				align-items: center;
				border-bottom: 1rpx solid #EEEEEE;
				.micon{
					width: 32rpx;
					height: 32rpx;
					margin-right: 10rpx;
				}
				.mitemname{
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
				}
				.ml{
					margin-left: auto;
				}
				.mfan{
					width: 20rpx;
					height: 24rpx;
				}
			}
			.mtitem:last-child{
				border-bottom: none;
			}
		}
	}
	.btn{
			position: absolute;
			background-color: transparent;
			width: 100%;
			height: 100%;
			z-index: 1;
			left: 0;
			padding: 0;
			border: none !important;
		}
		/deep/ button::after  {
		border: none;
		
	}

	// 举报老板

    /deep/.u-drawer-bottom{
        background-color: transparent;
    }
	.juview{
		padding: 30rpx;
		background-color: #fff;
		position: relative;
		border-radius: 30rpx 30rpx 0 0 ;
		.juone{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			position: relative;
			margin-bottom: 40rpx;
			.hytit{
				font-weight: bold;
				font-size: 36rpx;
				color: #111111;

			}
			.icon_gbcha{
				position: absolute;
				width: 40rpx;
				right: 0;
				height: 40rpx;
			}
		}
		.jlist{
			height: 600rpx;
			position: relative;
			.jitem{
				position: relative;
				background: #F5F5F5;
				border-radius: 20rpx;
				padding: 30rpx;
				display: flex;
				flex-direction: column;
				margin-bottom: 30rpx;
				.jione{
					display: flex;
					flex-direction: row;
					align-items: center;
					.tieone{
						font-weight: bold;
						font-size: 36rpx;
						color: #111111;
					}
					.time{
						font-weight: 500;
						font-size: 26rpx;
						color: #999999;
					}
				}
				.dizhi{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-top: 14rpx;
					.diname{
						font-weight: 400;
						font-size: 26rpx;
						color: #111111;
					}
					.icon_dw{
						width: 24rpx;
						height: 24rpx;
						margin-right: 6rpx;
					}
				}
			}
		}
	}
	.kaitong{
		position: relative;
		height: 160rpx;
		margin: 0 30rpx;
		.bgtu{
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.kaiview{
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding-left: 30rpx;
		}
		.kainame{
			font-weight: bold;
			font-size: 32rpx;
			color: #111111;
		}
	}

</style>
